<template>
  <div>
   <div id="appDownload">
      <div class="download-app">

        <section  class="first-section">
          <div  class="first_section-content">
            <div>
              <img  src="https://static.mbadashi.com/h5/img/app-download-bg.png" alt="" srcset="" class="section-bg">
            </div>
             <div>
               <img src="https://static.mbadashi.com/h5/img/app-qrcode.png" alt="" srcset="" class="download-app-qrcode">
             </div>
            <div class="download-btns">
              <div>
                <button data-v-d15cb3de="">
                  <i class="iconfont iconandroid"></i>
                  <span >Android下载</span>
                </button>
              </div>
              <div>
                  <button >
                    <i  class="iconfont iconiPhone"></i>
                    <span>App Store下载</span>
                  </button>
              </div>
            </div>
          </div>
        </section>
        <section  class="second-section">
          <div class="second_section-content">
            <div  class="second_left-content">
              <img  src="../assets/img/test.jpeg" alt="" srcset="" class="second-section_img">
            </div>
            <div class="second_right-content">
              <p style="font-size: 30px;">系统课程</p>
              <p  class="big-sign" style="font-size: 20px; margin-top: 50px;">更加便捷的免费体验</p>
              <p  class="little-sign" style="margin-top: 20px;">500+课时全面剖析联考知识点，随你听 </p>
            </div>
          </div>
        </section>
        <section  class="third-section">
          <div class="third_section-content">
            <div class="third_left-content">
              <p style="font-size: 30px;">跟学团 </p>
              <p  class="big-sign" style="font-size: 20px; margin-top: 50px;">更全方位的备考服务 </p>
              <p  class="little-sign" style="margin-top: 20px;">专享独家学习计划，跟着我们=上岸</p>
            </div>
            <div  class="third_right-content">
              <img  src="../assets/img/test.jpeg" alt="" srcset="" class="second-section_img">
            </div>
          </div>
        </section>
        <section  class="forth-section">
          <div class="second_section-content">
            <div  class="second_left-content">
              <img  src="../assets/img/test.jpeg" alt="" srcset="" class="second-section_img">
            </div>
            <div class="second_right-content">
              <p style="font-size: 30px;">名师大咖</p>
              <p  class="big-sign" style="font-size: 20px; margin-top: 50px;">更权威的师资团队</p>
              <p  class="little-sign" style="margin-top: 20px;">深讲师全聚集，为你高分通关保驾护航</p>
            </div>
          </div>
        </section>
        <section  class="fifth-section">
            <div class="third_section-content">
              <div class="third_left-content">
                <p style="font-size: 30px;">一起成长 </p>
                <p  class="big-sign" style="font-size: 20px; margin-top: 50px;">更具温度的考研之家 </p>
                <p  class="little-sign" style="margin-top: 20px;">成就每一个不甘平凡的自己，我们与你同在</p>
              </div>
              <div  class="third_right-content">
                <img  src="../assets/img/test.jpeg" alt="" srcset="" class="second-section_img">
              </div>
            </div>
        </section>

      </div>
    </div>
  </div>
</template>
<script>
  import '@/assets/css/appDownload.css'
  export default {
    name: "appDownLoad",
    components: {
    },
    data() {
      return {


      }
    }

  }
</script>
<style scoped>

</style>
